
<!DOCTYPE HTML>

<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>${item.name}</title>

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="${item.name}"/>

    <!-- Animate.css -->
    <link rel="stylesheet" href="/static/front/css/animate.css">
    <!-- Icomoon Icon Fonts-->
    <link rel="stylesheet" href="/static/front/css/icomoon.css">
    <!-- Bootstrap  -->
    <link rel="stylesheet" href="/static/front/css/bootstrap.css">

    <!-- Magnific Popup -->
    <link rel="stylesheet" href="/static/front/css/magnific-popup.css">

    <!-- Theme style  -->
    <link rel="stylesheet" href="/static/front/css/style.css">

    <!-- Modernizr JS -->
    <script src="/static/front/js/modernizr-2.6.2.min.js"></script>
    <!-- FOR IE9 below -->
    <!--[if lt IE 9]>
    <script src="/static/front/js/respond.min.js"></script>
    <![endif]-->

</head>
<body>

<div class="fh5co-loader"></div>

<div id="page">
    @include("/common/front/_nav.html"){}


    <header id="fh5co-header" class="fh5co-cover" role="banner"
            style="background-image: url(/kaptcha/${item.banner}); background-position: 0px 0px;" data-stellar-background-ratio="0.5">
    <div class="overlay"></div>
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-left">
                <div class="display-t">
                    <div class="display-tc animate-box" data-animate-effect="fadeInUp">
                        <!--<img id="logo" src="/kaptcha/${item.logo}" style="width: 600px;margin-bottom: 40px;"/>-->
                        <h1>${item.name}<br></h1>
                        <h2 class="mb30" >${item.nameEn}</h2>
                        <h2 class="mb30" style="margin-top:20px;">${item.time}<em class="or"></em>${item.region}</h2>
                        <h2 class="mb30" id="engtime">${item.timeEn}<br>
                            ${item.regionEn}</h2>

                        <p>
                            <a href="/front/registration" target="_blank" class="btn btn-primary">会议注册</a>  <!-- <em class="or">or</em>
								<a href="#/channels/staffpicks/93951774" class="link-watch popup-vimeo">会议简介</a> -->
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </header>

    <div id="fh5co-blog" class="fh5co-bg-section" style="margin-top: -8em;">
        <div class="container">
            <div class="row animate-box row-pb-md fadeInUp animated-fast" data-animate-effect="fadeInUp" style="padding-bottom:1em !important">
                <div class="col-md-8 fh5co-heading" style="margin-bottom: 0px;">
                    <!--<span>Thoughts &amp; Ideas</span>-->
                    <h2 style="font-size: 30px">主办单位</h2>
                    <!--<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>-->
                </div>
            </div>
            <div class="row">

                @for(org in orgList1){
                <div class="col-md-3 col-sm-4 animate-box fadeInUp animated-fast" data-animate-effect="fadeInUp">
                    <div class="fh5co-post">
                        <a href="${org.link}" target="_blank">
                            <p class="author">
                                <img src="/kaptcha/${org.logo}"
                                                   alt="${org.name}">
                                <br><span style="font-size: 14px;color: #404040;">${org.name}</span>

                           </p>
                        </a>
                    </div>
                </div>
                @}
            </div>

            <div class="row animate-box row-pb-md fadeInUp animated-fast" data-animate-effect="fadeInUp" style="margin-top: 10px;padding-bottom:1em !important">
                <div class="col-md-8 fh5co-heading" style="margin-bottom: 0px;">
                    <!--<span>Thoughts &amp; Ideas</span>-->
                    <h2 style="font-size: 30px">承办单位</h2>
                    <!--<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>-->
                </div>
            </div>
            <div class="row">
                @for(org in orgList2){
                <div class="col-md-3 col-sm-4 animate-box fadeInUp animated-fast" data-animate-effect="fadeInUp">
                    <div class="fh5co-post">
                        <a href="${org.link}" target="_blank">
                            <p class="author">
                                <img src="/kaptcha/${org.logo}" alt="${org.name}">
                                <br><span style="font-size: 13px;color: #404040;">${org.name}</span>
                            </p>
                        </a>
                    </div>
                </div>
                @}
            </div>

            <div class="row animate-box row-pb-md fadeInUp animated-fast" data-animate-effect="fadeInUp" style="margin-top: 10px;padding-bottom:1em !important">
                <div class="col-md-8 fh5co-heading" style="margin-bottom: 0px;">
                    <!--<span>Thoughts &amp; Ideas</span>-->
                    <h2 style="font-size: 30px">协办单位</h2>
                    <!--<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>-->
                </div>
            </div>
            <div class="row">
                @for(org in orgList3){
                <div class="col-md-3 col-sm-4 animate-box fadeInUp animated-fast" data-animate-effect="fadeInUp">
                    <div class="fh5co-post">
                        <a href="${org.link}" target="_blank">
                            <p class="author">
                                <img src="/kaptcha/${org.logo}" alt="${org.name}">
                            </p>
                        </a>
                    </div>
                </div>
                @}
            </div>

            <div class="row animate-box row-pb-md fadeInUp animated-fast" data-animate-effect="fadeInUp" style="margin-top: 10px;padding-bottom:1em !important">
                <div class="col-md-8 fh5co-heading" style="margin-bottom: 0px;">
                    <!--<span>Thoughts &amp; Ideas</span>-->
                    <h2 style="font-size: 30px">支持单位</h2>
                    <!--<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>-->
                </div>
            </div>
            <div class="row">
                @for(org in orgList5){
                <div class="col-md-3 col-sm-4 animate-box fadeInUp animated-fast" data-animate-effect="fadeInUp">
                    <div class="fh5co-post">
                        <a href="${org.link}" target="_blank">
                            <p class="author">
                                <img src="/kaptcha/${org.logo}" alt="${org.name}">
                            </p>
                        </a>
                    </div>
                </div>
                @}
            </div>

        </div>
    </div>

    <div id="fh5co-project">
        <div class="container">

            <div class="row">

                <div class="text-left fh5co-heading  animate-box" >
                    <!-- <span>会议概览</span> -->
                    <h2 style="font-size: 30px;margin-bottom: 20px">${item.name}</h2>

                    ${item.content}
                </div>
            </div>
        </div>
    </div>


    <!--<div id="fh5co-testimonial" class="fh5co-bg-section">
        <div class="container">

            <div class="project-content">
                <h2 style="font-size: 30px;padding: 10px;margin-bottom: 10px;line-height: 1.5;font-weight: 300;color: #000;">大会主席<br></h2>
                <div class="col-forth3">
                    <div class="project animate-box fadeInUp animated-fast"
                         style="background-image:url(images/z1.jpg);">
                        <a href="#" class="desc">
                            <span>中南大学副校长</span>
                            <h3>陈翔</h3>
                        </a>
                    </div>
                </div>
                <div class="col-forth3">
                    <div class="project animate-box fadeInUp animated-fast"
                         style="background-image:url(images/z2.jpg);background-position-y: -40px;" >
                        <a href="#" class="desc" style="/* line-height: 1.3; */">
                            <span style="letter-spacing: 0px;font-size: 12px;">上海医药临床研究中心主任
                                <p style="margin-bottom:5px">上海生物样本库工程技术研究中心主任</p></span>
                            <h3>甘荣兴</h3>
                        </a>
                    </div>
                </div>
                <div class="col-forth3">
                    <div class="project animate-box fadeInUp animated-fast"
                         style="background-image:url(images/z3.jpg);">
                        <a href="#" class="desc">
                            <span style="letter-spacing: 0px;font-size: 12px;">中南大学基础医学院党委书记
                                <p style="margin-bottom:5px">湖南省解剖学会理事长</p></span>
                            <h3>黄菊芳</h3>
                        </a>
                    </div>
                </div>
                <div class="col-forth3">
                    <div class="project animate-box fadeInUp animated-fast"
                         style="background-image:url(images/z4.jpg);">
                        <a href="#" class="desc">
                            <span style="letter-spacing: 0px;font-size: 12px;">教育部癌变与侵袭重点实验室主任
                                <p style="margin-bottom:5px">湖南省核酸诊疗工程中心常务副主任</p></span>
                            <h3>曹亚</h3>
                        </a>
                    </div>
                </div>
                <div class="col-forth3">
                    <div class="project animate-box fadeInUp animated-fast"
                         style="background-image:url(images/z5.jpg);">
                        <a href="#" class="desc">
                            <span style="letter-spacing: 0px;font-size: 12px;">卡罗林斯卡学院教授
                                <p style="margin-bottom:5px">BBMRI负责人</p></span>
                            <h3>Jan-Eric Litton</h3>
                        </a>
                    </div>
                </div>
                <div class="col-forth3">
                    <div class="project animate-box fadeInUp animated-fast"
                         style="background-image:url(images/z6.jpg);background-position-y: -40px;">
                        <a href="#" class="desc">
                            <span style="letter-spacing: 0px;font-size: 12px;">美国NIH-BBRB负责人
                                <p style="margin-bottom:5px">ISBER前主席</p></span>
                            <h3>Jim Vaught</h3>
                        </a>
                    </div>
                </div>
                <div class="col-forth3">
                    <div class="project animate-box fadeInUp animated-fast"
                         style="background-image:url(images/z7.jpg);">
                        <a href="#" class="desc">
                            <span style="letter-spacing: 0px;font-size: 12px;">
                                <p style="margin-bottom:5px">新泽西州罗格斯大学基因组学研究和技术中心主任</p></span>
                            <h3>Andrew Brooks</h3>
                        </a>
                    </div>
                </div>
            </div>


            <!--<div class="row animate-box row-pb-md">
                <div class="col-md-8 col-md-offset-2 text-left fh5co-heading">
                     <span>You deserved happiness</span>
                    <h2 style="font-size: 30px;">大会主席</h2>
                     <p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>
                </div>
            </div>-->
    <!--<div class="row">-->
    <!--<div class="col-md-6 animate-box" style="width: 100%;">-->
    <!--<div class="testimonial" >-->
    <!--<blockquote>-->
    <!--<p>&ldquo;ABC会议从2011年创办至今已有五届，是目前亚洲规模最大、最前沿的生物样本库和精准医疗的盛会。2017年，ABC会议将由中南大学、上海医药临床研究中心和上海生物样本库工程技术研究中心联合主办，中南大学基础医学院承办。ABC会议从2011年创办至今已有五届，是目前亚洲规模最大、最前沿的生物样本库和精准医疗的盛会。2017年，ABC会议将由中南大学、上海医药临床研究中心和上海生物样本库工程技术研究中心联合主办，中南大学基础医学院承办。&rdquo;</p>-->
    <!--<p class="author"><img src="images/person1.jpg"-->
    <!--alt="Free HTML5 Bootstrap Template by gettemplates.co"> <cite>-->
    <!--大会主席——陈翔</cite></p>-->
    <!--</blockquote>-->
    <!--</div>-->
    <!--</div>-->
    <!--<div class="col-md-6 animate-box">-->
    <!--<div class="testimonial">-->
    <!--<blockquote>-->
    <!--<p>&ldquo;我们诚挚的邀请您参加2017年9月24日-27日在长沙世纪金源会议中心举办的“第六届中国生物样本库及精准医疗国际研讨会（Annual Biobank-->
    <!--China，ABC）暨湖南省人类遗传资源战略联盟学术研讨会”。&rdquo;</p>-->
    <!--<p class="author"><img src="images/甘荣兴.png"-->
    <!--alt="Free HTML5 Bootstrap Template by gettemplates.co"> <cite>-->
    <!--联合主席——甘荣兴</cite></p>-->
    <!--</blockquote>-->
    <!--</div>-->

    <!--<div class="testimonial fh5co-selected">-->

    <!--<blockquote>-->
    <!--<p>&ldquo;ABC会议从2011年创办至今已有五届，是目前亚洲规模最大、最前沿的生物样本库和精准医疗的盛会。2017年，ABC会议将由中南大学、上海医药临床研究中心和上海生物样本库工程技术研究中心联合主办，中南大学基础医学院承办。&rdquo;</p>-->
    <!--<p class="author"><img src="images/person1.jpg"-->
    <!--alt="Free HTML5 Bootstrap Template by gettemplates.co"> <cite>-->
    <!--联合主席——曹亚</cite></p>-->
    <!--</blockquote>-->
    <!--</div>-->
    <!--</div>-->

    <!--<div class="col-md-6 animate-box">-->
    <!--<div class="testimonial fh5co-selected">-->
    <!--<blockquote>-->
    <!--<p>&ldquo;我们诚挚的邀请您参加2017年9月24日-27日在长沙世纪金源会议中心举办的“第六届中国生物样本库及精准医疗国际研讨会（Annual Biobank-->
    <!--China，ABC）暨湖南省人类遗传资源战略联盟学术研讨会”。&rdquo;</p>-->
    <!--<p class="author"><img src="images/黄菊芳.jpg"-->
    <!--alt="Free HTML5 Bootstrap Template by gettemplates.co"> <cite>-->
    <!--联合主席——黄菊芳</cite></p>-->
    <!--</blockquote>-->
    <!--</div>-->

    <!--<div class="testimonial">-->
    <!--<blockquote>-->
    <!--<p>&ldquo;我们诚挚的邀请您参加2017年9月24日-27日在长沙世纪金源会议中心举办的“第六届中国生物样本库及精准医疗国际研讨会（Annual Biobank-->
    <!--China，ABC）暨湖南省人类遗传资源战略联盟学术研讨会”。&rdquo;</p>-->
    <!--<p class="author"><img src="images/person3.jpg"-->
    <!--alt="Free HTML5 Bootstrap Template by gettemplates.co"> <cite>-->
    <!--联合主席——Jan-Eric Litton</cite></p>-->
    <!--</blockquote>-->
    <!--</div>-->

    <!--</div>-->

    <!--<div class="col-md-6 animate-box">-->
    <!--<div class="testimonial ">-->
    <!--<blockquote>-->
    <!--<p>&ldquo;ABC会议从2011年创办至今已有五届，是目前亚洲规模最大、最前沿的生物样本库和精准医疗的盛会。2017年，ABC会议将由中南大学、上海医药临床研究中心和上海生物样本库工程技术研究中心联合主办，中南大学基础医学院承办。&rdquo;</p>-->
    <!--<p class="author"><img src="images/JimVaught.jpg"-->
    <!--alt="Free HTML5 Bootstrap Template by gettemplates.co"> <cite>-->
    <!--联合主席——Jim Vaught</cite></p>-->
    <!--</blockquote>-->
    <!--</div>-->

    <!--</div>-->

    <!--<div class="col-md-6 animate-box">-->
    <!--<div class="testimonial fh5co-selected">-->
    <!--<blockquote>-->
    <!--<p>&ldquo;我们诚挚的邀请您参加2017年9月24日-27日在长沙世纪金源会议中心举办的“第六届中国生物样本库及精准医疗国际研讨会（Annual Biobank-->
    <!--China，ABC）暨湖南省人类遗传资源战略联盟学术研讨会”。&rdquo;</p>-->
    <!--<p class="author"><img src="images/person3.jpg"-->
    <!--alt="Free HTML5 Bootstrap Template by gettemplates.co"> <cite>-->
    <!--联合主席——Andrew Brooks</cite></p>-->
    <!--</blockquote>-->
    <!--</div>-->
    <!--</div>-->
    <!--</div>-->
    <!--</div>
 </div>-->





    <!--<div id="fh5co-blog" class="fh5co-bg-section">
        <div class="container">
            <div class="row animate-box row-pb-md" data-animate-effect="fadeInUp">
                <div class="col-md-8 col-md-offset-2 text-left fh5co-heading">
                    <span>Thoughts &amp; Ideas</span>
                    <h2>Our Blog</h2>
                    <p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4 col-sm-4 animate-box" data-animate-effect="fadeInUp">
                    <div class="fh5co-post">
                        <span class="fh5co-date">Sep. 12th</span>
                        <h3><a href="#">Web Design for the Future</a></h3>
                        <p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.</p>
                        <p class="author"><img src="images/person1.jpg" alt="Free HTML5 Bootstrap Template by gettemplates.co"> <cite> Mike Adam</cite></p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4 animate-box" data-animate-effect="fadeInUp">
                    <div class="fh5co-post">
                        <span class="fh5co-date">Sep. 23rd</span>
                        <h3><a href="#">Web Design for the Future</a></h3>
                        <p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.</p>
                        <p class="author"><img src="images/person1.jpg" alt="Free HTML5 Bootstrap Template by gettemplates.co"> <cite> Mike Adam</cite></p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4 animate-box" data-animate-effect="fadeInUp">
                    <div class="fh5co-post">
                        <span class="fh5co-date">Sep. 24th</span>
                        <h3><a href="#">Web Design for the Future</a></h3>
                        <p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.</p>
                        <p class="author"><img src="images/person1.jpg" alt="Free HTML5 Bootstrap Template by gettemplates.co"> <cite> Mike Adam</cite></p>
                    </div>
                </div>
            </div>
        </div>
    </div> -->





    @include("/common/front/_footer.html"){}

</div>

<div class="gototop js-top">
    <a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
</div>

<!-- jQuery -->
<script src="/static/front/js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="/static/front/js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="/static/front/js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="/static/front/js/jquery.waypoints.min.js"></script>
<!-- countTo -->
<script src="/static/front/js/jquery.countTo.js"></script>
<!-- Magnific Popup -->
<script src="/static/front/js/jquery.magnific-popup.min.js"></script>
<script src="/static/front/js/magnific-popup-options.js"></script>
<!-- Stellar -->
<script src="/static/front/js/jquery.stellar.min.js"></script>
<!-- Main -->
<script src="/static/front/js/main.js"></script>

</body>
</html>

